import styled from 'styled-components'

export const Aesatheticleftwrap = styled.div`
&>.alltitle{
    border-bottom: #AC0B0B 3px solid;
    line-height: 40px;
    font-size: 15px;
    width: 95%;
    margin:10px auto;
    font-weight: normal;
}
&>.item{
    padding:10px 20px;
    margin:10px 0;
    border-bottom: 1px dashed #ccc;
    &>.title{
        font-size: 18px;
        color: #000;
        font-weight: 700;
        cursor: pointer;
    }
    &>.detail{
        margin:10px 0;
        color: #747474;
        &>span{
            margin-right: 10px;
        }
    }
    &>.content1{
        display: flex;
        &>.img1{
            display: block;
            width: 170px;
            height: 116px;
            padding: 4px;
            margin-right: 10px;
            border: 1px #ccc solid;
        }
        &>.right{
            line-height:1.9;
        }
    }
    &>.bottom{
        color:white;
        background: #f90;
        width: 66px;
        height: 26px;
        padding: 0 5px;
        margin-top: 10px;
        margin-left: 540px;
        cursor: pointer;
        &:hover{
            color:#eace7e;
        }
    }
}

&>.page{
    margin-top: 10px;
    margin-left: 50px;
    margin-bottom: 10px;
}
`